<template>
  <div class="item">
    <img :src="v.videoPicture" alt="" />
    <i class="iconfont icon-bofang1"></i>
    <p>{{ v.vname | sub }}!</p>
  </div>
</template>

<script>
export default {
  props: ["v"],
  filters: {
    sub(val) {
      return val.substr(0, 15);
    },
  },
};
</script>

<style lang="less" scoped>
.item {
  position: relative;
  margin-right: 0.18rem;
  img {
    width: 2.11rem;
    height: 2.65rem;
    border-radius: 0.12rem;
    margin-bottom: 0.21rem;
  }
  i {
    position: absolute;
    font-size: 0.58rem;
    bottom: 1rem;
    right: 0.32rem;
  }
  p {
    width: 1.95rem;
    font-size: 0.23rem;
  }
}
</style>